<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.s1 {
				width: 500px;
				height: 500px;
				border: 20px dotted red;
				background-color: #eee;
				/* 重点：背景图撑不开盒子,需给高 */
				/* background-image: url(images/logo_05.jpg); */

				/* 不重复 */
				/* background-repeat: no-repeat; */

				/* 水平重复 */
				/* background-repeat: repeat-x; */
				/* background-size: 200px 200px; */

				/* background-position: 水平 垂直; */
				/* background-position: center 30px; */
				/* background-position: right top; */
				/* background-position: -50px -3px; */

				/* background: url(images/icon_21.jpg) no-repeat,url(images/icon_28.jpg)  no-repeat right top; */

				background: skyblue url(./images/style_05.jpg) no-repeat;

				/* 背景图固定(默认) */
				/* 背景图随滚动条滚动 */
				/* background-attachment: fixed; */

				padding: 50px;
				/* background-origin: border-box; */
				/* background-origin: padding-box; */
				/* background-origin: content-box; */

				/* background-clip: border-box; */
				/* background-clip: padding-box; */
				/* background-clip: content-box; */
			}
		</style>
	</head>
	<body>
		<div class="s1">
			<!-- <img src="images/logo_05.jpg" alt=""> -->
		</div>
	</body>
</html>
